<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>reward</title>
		<script type="text/javascript" src="js/pxtorem.js"></script>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="iconfont/iconfont.css" />
	   	<link rel="stylesheet" href="css/reward.css" />
	</head>
	<body>
		<header class='headerBox'>
			<div class='goBack mui-action-back'>
				<i class='inline_logo mui-action-back icon iconfont icon-fanhui gobackIcon'></i>
			</div>
			<p class='title'>打赏</p>
		</header>
		<div class='reward_box'>
			<div class='reward_userLogo'>
				<img src="img/ic_food2.png" alt="" />
			</div>
			<p class='reward_userName'>滑稽猫滑稽狗</p>
			<p class='reward_userTip'>滑稽猫滑稽狗</p>
			<ul class='reward_moneyBox'>
				<li class='reward_moneyBoxList active'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
				<li class='reward_moneyBoxList'>
					<i class='inline_logo reward_moneyLogo'></i>
					<span class='reward_moneyText'>5.5</span>
				</li>
			</ul>
			<!--<div clas='diyRewardBox'>
				<span class='diyRewardText'>自定义金额：</span>
				<input type="number" class='diyRewardInput'/>
			</div>-->
			<div class='reward_btn'>
				打赏
			</div>
		</div>
	</body>
	<script src="js/mui.js"></script>
	<script>
		mui.init();
		var len=mui('.reward_moneyBoxList').length;
		mui('.reward_moneyBox').on('tap','.reward_moneyBoxList',function(e){
			for(var i=0;i<len-1;i++){
				mui('.reward_moneyBoxList')[i].classList.remove('active');
			}
			mui(this)[0].classList.add('active');
		})
	</script>
</html>
